<template>
  <div id="commodity-property">
    <el-card>
      <div slot="header" class="clearfix">
        <el-button type="primary" @click="propertyDialogFormVisible = true">添加商品属性</el-button>
      </div>

      <!-- 添加属性模态框 -->
      <el-dialog :modal="false" title="添加属性" :visible.sync="propertyDialogFormVisible">
        <el-form label-width="80px">
          <!-- <el-form-item label="姓名" label-width="30%">
            <el-input v-model="addform.nickname" autocomplete="off"></el-input>
          </el-form-item> -->
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="propertyDialogFormVisible = false">取 消</el-button>
          <el-button type="primary" @click="propertyDialogFormVisible = false">确 定</el-button>
        </div>
      </el-dialog>

      
    </el-card>
  </div>
</template>

<script>
export default {
  data () {
    return {
      propertyDialogFormVisible:false,
    }
  },
  methods: {
      
  }
}
</script>

<style>
#commodity-property{
  width: 90%;
  margin: 0 5%;
  margin-top: 20px;
}
</style>